<!DOCTYPE HTML>
<html>
<head>
<script>
// This browser pixel test checks if the 2D canvas with no color space tag
// displays the pixels correctly.

var g_swapsBeforeAck = 15;

function main()
{
  draw();
  waitForFinish();
}

function draw()
{
  var ctx = document.getElementById("c").getContext("2d");
  var image = ctx.createImageData(257, 257);
  for(var i = 0 ; i < 257 * 257 ; i++)
  {
    image.data[4 * i] = 127;
    image.data[(4 * i) + 1] = 127;
    image.data[(4 * i) + 2] = 127;
    image.data[(4 * i) + 3] = 255;
  }
  ctx.putImageData(image, 0, 0);
}

function waitForFinish()
{
  if (g_swapsBeforeAck == 0) {
    domAutomationController.send("SUCCESS");
  } else {
    g_swapsBeforeAck--;
    document.getElementById('container').style.zIndex = g_swapsBeforeAck + 1;
    window.requestAnimationFrame(waitForFinish);
  }
}
</script>
</head>
<body onload="main()">
<div id="container" style="position:absolute; top:0px; left:0px">
<canvas id="c" width="257" height="257"></canvas>
</div>
</body>
</html>
